<template>
	<view>
		<u-navbar back-text="返回" title="工资结算" :border-bottom="false" :back-text-style="{color: 'rgba(16,142,233,1)' }" back-icon-color="#108EE9">
		</u-navbar>
		<view class="content">
			<view class="item">
				<view class="title">
					成都市招木工<text>编号:ZW12345</text>
				</view>
				<view class="user-title">
					<view class="user-name">
						张三
					</view>
					<view class="user-day">
						8
					</view>
					<view class="user-day-text">
						天
					</view>
					<view class="user-money">
						800
					</view>
					<view class="user-money-unit">
						元/天
					</view>
				</view>
				<view class="user-info">
					<view class="info-left">
						<view class="left-item">
							<view class="left-title">
								托管编号:<text>TG12345</text>
							</view>
						</view>
						<view class="left-item">
							<view class="left-title">
								工资合计::<text>￥54000.00</text>
							</view>
						</view>
						<view class="left-item">
							<view class="left-title">
								确认时间::<text>---</text>
							</view>
						</view>
					</view>
					<view class="info-right">
						<view class="left-item">
							<view class="left-title">
								托管时间::<text>2020.02.02</text>
							</view>
						</view>
						<view class="left-item">
							<view class="left-title">
								申请时间:::<text>--</text>
							</view>
						</view>
						<view class="left-item">
							<view class="left-title">
								确认时间::<text>--</text>
							</view>
						</view>
					</view>
				</view>
				<view class="salary-status">
					《工资托管服务说明》
				</view>
				<view class="foot-content">
					<view class="sum-submit">
						申请结算
					</view>
					<view class="sum-amount">
						￥54000.00
					</view>
					<view class="salary-sum">
						工资合计:
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.content{
		.item{
			padding: 30rpx;
			box-sizing: border-box;
			width: 100%;
			background: #FFFFFF;
			border-bottom: 10rpx solid rgba(245,245,245,1);
			.title{
				font-size:36rpx;
				font-weight:bold;
				line-height:48rpx;
				color:rgba(51,51,51,1);
				opacity:1;
				text{
					display: inline-block;
					margin-left: 30rpx;
					font-size:24rpx;
					font-weight:400;
					line-height:32rpx;
					color:rgba(51,51,51,1);
					opacity:1;
				}
			}
			.user-title{
				margin-top: 20rpx;
				display: flex;
				.user-name{
					font-size:28rpx;
					font-weight:bold;
					line-height:37rpx;
					color:rgba(51,51,51,1);
					opacity:1;
				}
				.user-day{
					margin-left: 30rpx;
					font-size:28rpx;
					font-weight:bold;
					line-height:37rpx;
					color:rgba(51,51,51,1);
					opacity:1;
				}
				.user-day-text{
					margin-left: 10rpx;
					font-size:26rpx;
					font-weight:400;
					line-height:35rpx;
					color:rgba(51,51,51,1);
					opacity:1;
				}
				.user-money{
					margin-left: 30rpx;
					font-size:28rpx;
					font-weight:bold;
					line-height:37rpx;
					color:rgba(51,51,51,1);
					opacity:1;
				}
				.user-money-unit{
					font-size:26rpx;
					font-weight:400;
					line-height:35rpx;
					color:rgba(51,51,51,1);
					opacity:1;
					margin-left: 10rpx;
				}
			}
			.user-info{
				margin-top: 34rpx;
				display: flex;
				.info-left{
					
				}
				.info-right{
					margin-left: 97rpx;
				}
				.left-item{
					margin-bottom: 25rpx;
					.left-title{
						font-size:22rpx;
						font-weight:400;
						line-height:30rpx;
						color:rgba(153,153,153,1);
						opacity:1;
						text{
							display: inline-block;
							margin-left: 10rpx;
							font-size:26rpx;
							font-weight:400;
							line-height:35rpx;
							color:rgba(51,51,51,1);
							opacity:1;
						}
					}
				}
			}
			.salary-status{
				font-size:28rpx;
				font-weight:600;
				line-height:37rpx;
				color:rgba(211,176,104,1);
				opacity:1;
				width: 100%;
				text-align: center;
			}
			.foot-content{
				margin-top: 30rpx;
				display: flex;
				flex-direction:row-reverse;
				.salary-sum{
					font-size:22rpx;
					font-weight:400;
					line-height:90rpx;
					color:rgba(153,153,153,1);
					opacity:1;
					margin-right: 10rpx;
				}
				.sum-amount{
					font-size:26rpx;
					font-family:Segoe UI;
					font-weight:400;
					line-height:90rpx;
					color:rgba(255,0,0,1);
					opacity:1;
				}
				.sum-submit{
					margin-left: 50rpx;
					width:220rpx;
					height:90rpx;
					background:linear-gradient(180deg,rgba(211,176,105,1) 0%,rgba(228,205,112,1) 100%);
					opacity:1;
					border-radius:8rpx;
					text-align: center;
					line-height: 90rpx;
					font-size:30rpx;
					font-weight:400;
					color:rgba(255,255,255,1);
				}
			}
		}
	}
</style>
